<template>
    <div class="topBarBlock" :style="{'border-top-color':color}">
        <h3 class="t">
            {{t}}
        </h3>
        <div class="c">
            <slot name="content"></slot>
        </div>
    </div>
</template>
<script>
export default {
    props:{
        t:{
            type:String,
            default:''
        },
        color:{
            type:String,
            default:'red'
        }
    }
}
</script>
<style lang="less" scoped>
    .topBarBlock{
        border-top-style: solid;
        border-top-width: 3px;
        background-color: #fff;
        .t{
            font-size: 18px;
            margin-top:10px;
            margin-bottom:10px;
            margin-left:10px;
        }
    }
</style>